<nz-spin *ngIf="isLoading" class="modal-spin"></nz-spin>
<section *ngIf="!isLoading">
  <ng-container *ngFor="let cus of cusRelates;let i = index;">
    <div class="link">
      <div class="first" *ngIf="i==0">
        <div class="dot"></div>
        <div class="line"></div>
      </div>
      <!--用户链  -->
      <div class="link-con">

        <!--左半部  -->
        <div style="flex: 1;position:relative" *ngIf="i%2==0">
          <div class="link-left">
            <div class="name">
              <div class="ellipsis" [title]="cus.parentName">{{cus.parentName}}</div>
              <div style="font-size: 16px;">{{cus.parentPromoteTime}}</div>
              <div class="ellipsis" [title]="cus.salesmanName" style="color: #1890ff;" *ngIf="cus.salesmanName">{{cus.salesmanName}}({{cus.salesmanRole|dicsNamePipe:marketSalesmanRole}})</div>
              <div style="font-size: 16px;" style="color: #1890ff;">{{cus.districtName}}</div>
            </div>
            <div class="avatar" style="margin-left: 10px;">
              <img [src]="cus.parentAvatarUrl" alt="头像加载出错"/>
            </div>
            <div class="accross"></div>
            <div class="dot-middle">
              <img src="../../../assets/point.png"/>
            </div>
          </div>

        </div>
        <!--右半部  -->
        <div style="flex: 1;position:relative" *ngIf="i%2==1">
          <div class="link-right">
            <div class="dot-middle">
              <img src="../../../assets/point.png"/>
            </div>
            <div class="accross"></div>
            <div class="avatar" style="margin-right: 10px;">
              <img [src]="cus.parentAvatarUrl" alt="头像加载出错"/>
            </div>
            <div class="name">
              <div class="ellipsis" [title]="cus.parentName">{{cus.parentName}}</div>
              <div style="font-size: 16px;">{{cus.parentPromoteTime}}</div>
              <div class="ellipsis" [title]="cus.salesmanName" style="color: #1890ff;"*ngIf="cus.salesmanName">{{cus.salesmanName}}({{cus.salesmanRole|dicsNamePipe:marketSalesmanRole}})</div>
              <div style="font-size: 16px;" style="color: #1890ff;">{{cus.districtName}}</div>
            </div>
          </div>
        </div>
        <div class="line-middle"></div>
      </div>
      <div class="last"*ngIf="i==cusRelates.length-1">
        <div class="dot"></div>
      </div>
    </div>
  </ng-container>
</section>
<div class="modal-footer">
  <button nz-button type="button" (click)="close()">关闭</button>
</div>
